@import "common";
.HkfsProductDetailMessageContainer {
  width:100%;
  background-color: white;
  padding:20px 0;

  &>div{
    display:inline-block;
    vertical-align: top;
  }
.HkfsProductDetailMessage_Product{
  width:500px;
  margin-left: 80px;
  .HkfsProductDetailMessage_ProductName{
    font-size: 24px;
    color:#000000;
    height:60px;
    line-height: 60px;
    padding: 0 5px;
  }
  .HkfsProductDetailMessage_ProductInfo{
    height:100px;
    border-bottom: dashed #cccccc 1px;
    padding: 0 5px;
    &>div{
      display:inline-block;
      width:33%;
      height:100%;
      .detailMessage{
        font-size: 20px;
        color:#333333;
        height:40px;
        margin-top: 10px;
      }
      .detailTitle{
        font-size: 16px;
        color:#666666;
        height:40px;
        margin-top: 10px;
      }

    }

    .ProductDetailMessageRisk,.ProductDetailMessageLeft{
      border-right: dashed #cccccc 1px;
    }
    .ProductDetailMessageLeft{
      text-align: center;
    }
    .ProductDetailMessageAll{
      text-align: right;
    }
  }
  .ProductDetailProcess{
    margin: 10px 0;
    padding:0 5px;
    &>div{
      display: inline-block;
    }
    .processText{
      width:100px;
    }
    .MainProcessBarContainer {
      margin-right: 10px;
      position: relative;
      display: inline-block;
      .MainProductsProcessBar {
        display: inline-block;
        width: 144px;
        height: 11px;
        vertical-align: middle;
        background-color: #e4e9ed;
        .ReprocessBar_process {
          background-color: #40a9dd;
        }
      }
      .MainprocessBarMask {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        div {
          display: inline-block;
          width: 19%;
          border-right: solid 2px white;
          height: 100%;
          z-index: 3;
        }
      }

    }
  }

  .warning{
    font-size: 12px;
    color:#999999;
    padding:0 5px;
  }
}
  .HkfsProductDetailMessageImg{
    position:relative;
    width:500px;
    height:236px;
    margin-left: 50px;
    img{
      position:absolute;
      z-index: 1;
      top:0;
      left:0
    }
    .MessageImgContent{
      .absoluteCenter(150px);
      text-align: center;
      color:white;
      position:absolute;
      z-index: 2;
      .MessageImgContentTitle{
        font-size: 21px;
        height:40px;
        line-height: 40px;
      }
      .MessageImgContentProfit{
        font-size: 52px;
        height:80px;
        line-height: 80px;
      }
      .MessageImgContentTime{
        font-size: 16px;
        height:30px;
        line-height: 30px;
      }
    }
  }


}